<template>
    <div class="login">
        <van-form @submit="onSubmit">
            <van-cell-group inset>
                <van-field
                    v-model="username"
                    name="用户名"
                    label="用户名"
                    placeholder="用户名"
                    :rules="[{ required: true, message: '请填写用户名' }]"
                />
                <van-field
                    v-model="password"
                    type="password"
                    name="密码"
                    label="密码"
                    placeholder="密码"
                    :rules="[{ required: true, message: '请填写密码' }]"
                />
                <van-cell title="注册" @click="goRegister" is-link />
                
            </van-cell-group>
            <van-checkbox v-model="checked" >记住密码</van-checkbox>
            <div style="margin: 16px">
                <van-button round block type="primary" native-type="submit">
                    登录
                </van-button>
            </div>
        </van-form>
    </div>
</template>

<script lang="ts" setup>

import {Login,useRegister} from '@/hooks/login'
const {username,password,onSubmit,checked} = Login()
const {goRegister} = useRegister()



</script>

<style scoped lang="scss"></style>
